import Vue from 'vue'; //导入vue包

//start：app-核心组件
import app from './app.vue'; //安装app核心组件
//end：app-核心组件

//stert：vuex引入
import store from './store';
//end：vuex引入

//start：vue-router-路由
import VueRouter from 'vue-router'; //安装路由包
import router from './router/router.js'; //导入本地路由
//end：vue-router-路由

//start：vue-lazyload-图片懒加载
import VueLazyload from 'vue-lazyload';
//end：vue-lazyload-图片懒加载


import './mock/mockServer.js'

//start: swiper-轮播组件样式
import '../node_modules/swiper/dist/css/swiper.min.css'
//end: swiper-轮播组件样式

//start：Mint-UI-组件
//import { Toast } from 'mint-ui'; //安装组件包
import 'mint-ui/lib/style.css'; //引入样式
//end：Mint-UI-组件

//start：MUI-组件
import './uilt/mui/css/mui.min.css'
//end：MUI-组件

//start：bootstrap-框架
//import 'bootstrap/dist/css/bootstrap.min.css'
//end：bootstrap-框架

//start：reset-自定义css文件
import './uilt/iconfont/css/reset.css'
//end：reset-自定义css文件

//start：custom-自定义js文件
import './uilt/custom/custom.js'
//end：custom-自定义js文件

//start：iconfont-底部icon图标
import './uilt/iconfont/css/icon.css'
//end：iconfont-底部icon图标

import './uilt/iconfont/css/Gavin.css'

//start：minxins-底部线条
import './common/stylus/minxins.styl'
//end：minxins-底部线条



Vue.use(VueRouter); //把路由与vue进行关联=

Vue.use(VueLazyload);//图片懒加载

//start：vue实例
new Vue({
  el:'#app',
  components:{app},
  template:'<app/>',
  router,
  store,
});
//end：vue实例

//创建全局sessionStorage方法
Vue.prototype.resetSetItem = function (key, newVal) {
  if (key === 'gavin') {

    // 创建一个StorageEvent事件
    var newStorageEvent = document.createEvent('StorageEvent');
    const storage = {
      setItem: function (k, val) {
        sessionStorage.setItem(k, JSON.stringify(val));

        // 初始化创建的事件
        newStorageEvent.initStorageEvent('setItem', false, false, k, null, val, null, null);

        // 派发对象
        window.dispatchEvent(newStorageEvent)
      }
    }
    return storage.setItem(key, newVal);
  }
}
